<template>
  <div>
    <!-- 居中 -->
    <van-row type="flex" justify="center">
      <van-col class="title" span="24">
        <van-button type="primary" to="/index/room/createroom">取消</van-button>
        <van-button type="primary" to="/index/room/createroom">完成</van-button>
      </van-col>
      <van-col class="container" span='24'>
        <div class="box1">
          <div class="text">排麦房</div>
        </div>
        <div class="box1 box2">
          <div class="text">K歌房</div>
        </div>
      </van-col>
    </van-row>
  </div>
</template>

<script>
</script>

<style scoped>
.title{
  height: 46px;
  /* background-color: aquamarine; */
}
button{
  border: 0;
  color: #333333;
  font-size: 14px;
  background-color: #FFFFFF;
  margin-top: 1px;
  /* font-weight: 500; */
}
button:nth-child(2){
  margin-left: 200px;
  color: #0066FF;
  /* margin-right: 0px; */
}
.container{
  height: 51px;
  /* background-color: rgb(255, 0, 0); */
}
.box1{
  width: 288px;
  height: 51px;
  /* background-color: aqua;s */
  margin-left: 16px;
  border-bottom: 1px solid #3333331e;
}
.text{
  width: 50px;
  height: 18px;
  font-size: 16px;
  line-height: 44px;
}
.box2{
  border: 0;
}
.box1:hover{
  background-color: #0066FF;
}
</style>
